import React, { useState } from 'react'
// 先写到外面
let timer = null
export default function App () {
  const [count, setCount] = useState(10)
  // !下面写法除了不能倒计时，还有一个问题？就是每次点击按钮都会重新开启一个新的定时器
  const startTime = () => {

    // 每次清除上一次的定时器，能保证无论点击按钮多少次，只开启了一个定时器
    clearInterval(timer)
    timer = setInterval(() => {
      setCount((count) => count - 1)

      // console.log(count-1)
      console.log(1);
    }, 1000)
  }
  return (
    <div>
      <h3>{count}</h3>
      {/* <button onClick={() => setCount(count + 8)}>+8</button> */}
      <button onClick={startTime}>开启定时器</button>
    </div>
  )
}